
	// the cart animation
	$(".buy-btn").on("click",function(){
		var cart = $("#cartNav");
		//pic
		var dishImg = $(this).parent("p").parent(".caption").parent(".thumbnail").find("img").eq(0);
		if(dishImg){
			var imgclone = dishImg.clone().offset({
				top: dishImg.offset().top,
				left:dishImg.offset().left
			}).css({
				'opacity': '0.5',
				'position': 'absolute',
				'height': '150px',
				'width': '150px',
				'z-index': '100'
			}).appendTo($('body')).animate({
				'top': cart.offset().top + 10,
				'left': cart.offset().left + 10,
				'width': 75,
				'height': 75
			}, 1000, 'easeInOutExpo');
			setTimeout(function () {
				cart.effect('', { times: 2 }, 200);
			}, 1500);
			imgclone.animate({
				'width': 0,
				'height': 0
			}, function () {
				$(this).detach();
			});
		}
	})
	/*animation end*/
	function cartMove() {
		if ($("#cartNav").hasClass('closed')) {
			$('.navbar-cart').animate({
				right : '-20%'
			}, 300);
			$("#cartNav").removeClass('closed');
			$("#cartNav").animate({
				right : '0%'
			}, 300);

		} else {
			$("#cartNav").addClass('closed');
			$('.navbar-cart').animate({
				right : '0%'
			}, 300);
			$("#cartNav").animate({
				right : '20%'
			}, 300);
		}
	}

	function cartMove2() {
		$('.navbar-cart').animate({
			right : '0%'
		}, 300);
		$("#cartNav").animate({
			right : '20%'
		}, 300);

	}

	$(document).ready(function() {
		$("#cartNav").click(function() {
			cartMove();
		});
	});




